<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/vue.js"></script>
</head>

<body>
 <pre>
	1、双向数据绑定：
	双向：数据模型和视图层
	2、v-model 指令只能用在表单元素中
		怎么实现的双向？
		表单元素视图层改变，然后输入数据，同步给data数据模型区域，这时候又引发了数据层数据的改变
		
		利用数据驱动视图更新思想，所以凡是使用了这个数据的位置都会发生改动
 </pre>
 <div id="app">
	<div>{{name}}</div>
	<input type="text" v-model="name">
 </div>
 <script>
	 var vm=new Vue({
	 el:'#app',
	 data:{
	 name:'Tom',
	 }
	 })
 </script>
</body>

</html>